@charset "utf-8";
@import "../base/conf";

/*===================================================*\
 * 表单
\*===================================================*/
.king-table7-demo3{
    .king-input-group{
        width:260px;
    }
    .king-btn-new{
        background:#5c90d2;
        border-color:#3675c5;
        color:#fff;
    }
    .king-form-control-feedback{
        width:30px;
        height:30px;
        left:0;
        line-height:30px;
        color:#999;
    }
    .table .king-btn{
        width:70px;
        height:24px;
        padding:0;  
        min-width:70px;
    }
}
.king-form-title{
        font-size:16px;
        &::before{
            content: '';
            width: 3px;
            height: 15px;
            display: inline-block;
            position: relative;
            background: #57a3f1;
            top: 2px;
            right: 6px;
        }
    }
.checkbox .king-disabled-state{
        cursor:not-allowed;
}
.select-icon{
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
    background:url(../images/select_icon.png) no-repeat 99% center;
}
input{
    &::-webkit-input-placeholder {
        color:#ccc!important;
    }
    &:-moz-placeholder {
        color:#ccc!important;
    }
    &::-moz-placeholder {
        color:#ccc!important;
    }
    &:-ms-input-placeholder {
        color:#ccc!important;
    }
}
.king-asterisk{
    &::after{
        content:'*';
        color:#ff7979;
        position:absolute;
        margin-left:8px;
    }
}
.form-hd{
    input{
        display:none;
    }
    input{
        &:checked + .form-single-icon{
            background-position: 0 0;
        }
    }
    input{
        &:checked + .form-checked-state{
            background:#57a3f1;
            color:#fff;
        }
    }
    .form-single-icon{
        display: inline-block;
        width: 15px;
        height: 14px;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -80px 0;
    }
    .form-single-disabled-state1{
        display: inline-block;
        width: 15px;
        height: 14px;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -162px 0;
    }
    .form-single-disabled-state2{
        display: inline-block;
        width: 15px;
        height: 14px;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -245px 0;
    }
    .form-checkbox-icon{
        display: inline-block;
        width: 15px;
        height: 14px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -82px 0;
    }
    .form-checkbox-disabled-state1{
        display: inline-block;
        width: 15px;
        height: 14px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -164px 0;
    }
    .form-checkbox-disabled-state2{
        display: inline-block;
        width: 15px;
        height: 14px;
        overflow: hidden;
        margin-right: 8px;
        background-position: -244px 0;
    }
    input{
        &:checked + .form-checkbox-icon{
        background-position: 0 0;
        }
    }
     .from-disabled-state{
        color:#e6e6e6;
     }
    .form-control-lh{
        line-height:15px;
    }
}
.form-single-icon{
    background: url(../images/form_single_small_icon.png) no-repeat;
    background-size: cover;
}
.form-checkbox-icon{
    background: url(../images/form_checkbox_small_icon.png) no-repeat;
    background-size: cover;  
}
.text-must-tip{
    margin-left:-6px;
}
.form-checked-state{
    width: 85px;
    height: 36px;
    border: 1px solid #ccc; 
    margin-left:-1px; 
    line-height: 36px; 
    text-align:center;  
}
.form-disabled{
    background:#f3f3f3;
    color:#c8c8c8;
}
